/* pages/personal/index.wxss */
.personalInfoBox {
  background-color: #4888fc;
  width: 100%;
  height: 300rpx;
  .personalInfoRow {
    margin-top: 100rpx;
    .userinfo-nickname {
      margin-left: 30rpx;
      margin-top: 40rpx;
      color: white;
      font-size: 35rpx;
      .level{
        margin-left: 20rpx;
        font-size: var(--small-font-size);
      }
    }

    .userinfo-phone {
      margin-left: 30rpx;
      margin-top: 10rpx;
      color: white;
      font-size: 25rpx;
    }

    .userinfo-avatar {
      overflow: hidden;
      width: 140rpx;
      height: 140rpx;
      margin: 20rpx 20rpx 20rpx 50rpx;
      border-radius: 50%;
    }

    .setBtn {
      margin-top: 55rpx;
      color: white;
      font-size: 25rpx;
    }
  }
}
.incomeBox{
  width: 100%;
  background-color: white;
  margin-bottom: var(--main-div-margin);
  .title{
    width: 100%;
    text-indent: 10rpx;
    padding: 30rpx;
    font-size: var(--main-font-size);
    font-weight: bold;
    background-color: white;
    margin-bottom: var(--main-div-margin);
  }
  .balanceBox{
    width: 90%;
    height: 180rpx;
    margin: 0 auto;
    border-radius: 10rpx;
    box-shadow: var(--main-div-shadow);
    .headBox{
      width: 100%;
      height: 80rpx;
      line-height: 80rpx;
      font-size: var(--small-font-size);
      color: #377F7F ;
      .headRig{
        text-align: right;
      }
      .headLef{
        text-indent: 20rpx;
        text-align: left;
      }
    }
    .contentBox{
      height: 100rpx;
      line-height: 100rpx;
      .balance{
        text-indent: 20rpx;
        font-size: 50rpx;
      }
    }
  }
  .otherBox{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 25rpx auto 40rpx auto;
    .pointBox{
      width: 48%;
      height: 180rpx;
      box-shadow: var(--main-div-shadow);
      border-radius: 10rpx;
      .headBox{
        width: 100%;
        height: 80rpx;
        line-height: 80rpx;
        font-size: var(--small-font-size);
        color: #377F7F ;
        .headRig{
          text-align: right;
        }
        .headLef{
          text-indent: 20rpx;
          text-align: left;
        }
      }
      .point{
        height: 80rpx;
        line-height: 80rpx;
        text-indent: 20rpx;
        font-size: 40rpx;
      }
    }
    .totalBox{
      width: 48%;
      height: 180rpx;
      box-shadow: var(--main-div-shadow);
      border-radius: 10rpx;
      .headBox{
        width: 100%;
        height: 80rpx;
        line-height: 80rpx;
        font-size: var(--small-font-size);
        color: #377F7F ;
        .headRig{
          text-align: right;
        }
        .headLef{
          text-indent: 20rpx;
          text-align: left;
        }
      }
      .total{
        height: 80rpx;
        line-height: 80rpx;
        text-indent: 20rpx;
        font-size: 40rpx;
      }
    }
  }
}
.listBox{
  width: 100%;
  margin-bottom: 300rpx;
}